import React from 'react';
import { View, Text, Button, Image } from 'react-native';

class HomeScreen extends React.Component {

  render() {
    return (
      <View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
        <Text>Home Screen</Text>
        <Button
          title="Go to Details"
          onPress={() => {
            this.props.navigation.push('Details', {
              testId: 123
            })

          }}
        />
      </View>
    );
  }
}

HomeScreen.navigationOptions = {
  title: 'Home',
  headerStyle: {
    backgroundColor: '#f4511e',
  },
  headerTintColor: 'white',
  headerTintStyle: {
    fontWeight: 'bold',
  },
};

export default HomeScreen;
